<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>产品详情</title>
		<link rel="stylesheet" type="text/css" href="../../css/websiteCSS/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/websiteCSS/productDetail.css"/>
		<!-- <link rel="stylesheet" type="text/css" href="../../css/websiteCSS/product.css"/> -->
		<script src="../../js/websiteJS/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/websiteJS/productDetail.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/websiteJS/rightlist.js" type="text/javascript" charset="utf-8"></script>
	</head>
      <style type="text/css">
      	.tabDiv{
      		width:1200px;
      		height:120px;
      		display:none;
      		padding: 5px 0px;
      	    box-sizing: border-box;
      		color: #fff;
      		}
		.tabDiv ul{
			width:100%;
			height:75px;
			}
		.tabDiv li{
			width:60px;
			height:18px;
			float:left;
			margin-right:10px;
			font-size:14px;
			color:#cccccc;
		 }		
      	.tabB{margin:0;padding:0;list-style:none;width:200px;overflow:hidden;}
      	.tabB li{
      		float:left;
      		width:76px;
      		height:30px;
      		background:#4a4a4a;
      		color:#fff;
      		text-align:center;
      		line-height:30px;
      		cursor:pointer; 
      		font-size: 18px;
      		margin-right: 20px;
      		}
      	.on{display:block;}
      	.tabB li.cur{
      		background-color: #4a4a4a;
      		color: #fff;
      		font-weight: bold;
      		border-bottom: 3px solid #fff;
      		}
      		#leftWhite{
      			width: 22px;
      			height: 18px;
      			border: 2px solid #fff;
      			border-bottom: none;
      			border-right: none;
      			position: absolute;
      			left: 327px;
      	        top: 13px;
      		}
      		#rightWhite{
      			width: 22px;
      			height: 18px;
      			border: 2px solid #fff;
      			border-top: none;
      			border-left: none;
      			position: absolute;
      			right: 461px;
      	        bottom: 5px;
      		}
      </style>	
	<body>
		<header class="headBox">
			<div class="head clear">
				<span class="logo left">布迷鹿</span>
				<div class="headList left">
			        <nav class="nav nav1">
			            <ul>
			                <li>
			                <a href="index.html">首页</a>
			                
			                </li>
			                <li>
			                    <a href="product.html">产品大全</a>
			                    <ul>
			                        <li><a href="#">全部产品</a></li>
			                        <li><a href="#">信用贷</a></li>
			                        <li><a href="#">购房贷款</a></li>
			                        <li><a href="#">汽车贷款</a></li>
			                        <li><a href="#">消费贷款</a></li>
			                        <li><a href="#">经营贷款</a></li>
			                        <li><a href="#">其他贷款</a></li>
			                    </ul>
			                </li>
			                <li>
			                    <a id="straA" href="strategy.html">贷款攻略</a>
			                    <ul id="straUL">
			                        <li><a href="#">全部攻略</a></li>
			                        <li><a href="#">房贷车贷</a></li>
			                        <li><a href="#">小额贷款</a></li>
			                        <li><a href="#">个人贷款</a></li>
			                        <li><a href="#">银行贷款</a></li>
			                        <li><a href="#">网上贷款</a></li>
			                        <li><a href="#">信用贷款</a></li>
			                        <li><a href="#">抵押贷款</a></li>
			                        <li><a href="#">无抵押贷款</a></li>
			                        <li><a href="#">信用卡</a></li>
			                        <li><a href="#">其他贷款</a></li>
			                    </ul>
			                </li>
			                <li>
			                    <a href="service.html">保障服务</a>
			                </li>
			                <li>
			                    <a href="about.html">关于我们</a>
			                </li>
			                <li>
			                    <a href="forum.html">社区论坛</a>
			                </li>
			            </ul>
			        </nav>
				</div>
				<div class="tel400 left">
					<span class="telPic"><img src="../../img/websiteImg/tel400.png"/></span>
					<span class="tel">400-6565-685</span>
				</div>
			</div>
		</header>
		<!--banner-->
		<div class="bannerProduct">
			<img src=""/>
		</div>
		<!--面包屑导航-->
		<div class="bread">
			<a href="index.html" target="_blank" class="bread1">首页&nbsp;>&nbsp;</a><a href="product.html" target="_blank" class="bread2">产品大全&nbsp;>&nbsp;</a><a href="#" target="_blank" class="bread3">产品详情&nbsp;</a>
		</div>
		<!--产品详情-->
		<!--产品列表-->
		<div class="procductsList" id="procductsList" style="height: auto;">
			<div class="productsListLeft" id="productsListLeft">
				<div class="productItem">
				</div>
				<div class="basicInfo">
					
					<div class="arts" style="border: none;" id="arts" style="height: auto;">
						<ul id="ul" style="height: auto;">
						</ul>
					</div>
				</div>
				
				
			</div>	
			<div class="productsListRight">
				<div class="articalList">
					<div class="articalListTop">
						<span class="artLogo"><img src="../../img/websiteImg/artical.png"/></span>
						<span class="artTit">相关文章</span>
						<a href="#" target="_blank">更多&nbsp;></a>
					</div>
					<div class="articalListBot" id="articalListBot1">
						<ul></ul>
					</div>
				</div>
				<div class="picRight">
					<img src="../../img/websiteImg/pic1Product.png"/>
				</div>
				<div class="articalList" style="margin-top: 35px;">
					<div class="articalListTop">
						<span class="artLogo"><img src="../../img/websiteImg/good.png"/></span>
						<span class="artTit">推荐文章</span>
						<a href="product.html" target="_blank">更多&nbsp;></a>
					</div>
					<div class="articalListBot"id="articalListBot2">
						<ul>
						</ul>
					</div>
				</div>
				<div class="picRight">
					<img src="../../img/websiteImg/pic2Product.png"/>
				</div>
			</div>
			
			<div class="clearfloat" style="clear:both;height:0;font-size: 1px;line-height: 0px;"></div>
			
			
			
		</div>
		
		<div class="footerBox">
			<div id="leftLine"></div>
			<div id="rightLine"></div>
			<div class="footer">
				<div class="footerTop">
				<ul class="tabB">
					   <li class="cur">友情链接</li>
					   <li >热门标签</li>
				 </ul>
				 <div class="on tabDiv">
				    <ul>
				 	    <li><a href="http://www.bankofdl.com/Site/Home/CN" target="_blank" rel="nofollow" style="color:#d4d4d4;">大连银行</a></li>
				 						<li><a href="http://www.icbc.com.cn/icbc/" target="_blank" rel="nofollow" style="color:#d4d4d4;">工商银行</a></li>
				 						<li><a href="http://www.hebbank.com/" target="_blank" rel="nofollow"style="color:#d4d4d4;">河北银行</a></li>
				 						<li><a href="http://www.ccb.com/cn/home/indexv3.html" target="_blank" rel="nofollow" style="color:#d4d4d4;">建设银行</a></li>
				 						<li><a href="http://www.bankcomm.com/BankCommSite/default.shtml" target="_blank" rel="nofollow" style="color:#d4d4d4;">交通银行</a></li>
				 						<li><a href="http://www.abchina.com/cn/" target="_blank" rel="nofollow" style="color:#d4d4d4;">农业银行</a></li>
				 						<li><a href="http://www.spdb.com.cn/" target="_blank" rel="nofollow" style="color:#d4d4d4;">浦发银行</a></li>
				 						<li><a href="http://www.qlbchina.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">齐鲁银行</a></li>
				 						<li><a href="http://www.bosc.cn/" target="_blank" rel="nofollow" style="color:#d4d4d4;" style="color:#d4d4d4;">上海银行</a></li>
				 						<li><a href="https://www.cib.com.cn/cn/index.html" target="_blank" rel="nofollow" style="color:#d4d4d4;">兴业银行</a></li>
				 						<li><a href="http://www.psbc.com/cn/index.html" target="_blank" rel="nofollow" style="color:#d4d4d4;">邮政银行</a></li>
				 						<li><a href="http://www.cmbchina.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">招商银行</a></li>
				 						<li><a href="http://www.boc.cn/" target="_blank" rel="nofollow"style="color:#d4d4d4;">中国银行</a></li>
				 						<li><a href="http://www.citicbank.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">中信银行</a></li>
				 		<li><a href="http://www.tjbhb.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">滨农银行</a></li>			
				    </ul>
				 </div>
				 <div class="tabDiv">
				 	<ul>
				 		<li style="width: 35px;">贷款</li>
				 		<li style="width: 35px;">车贷</li>
				 		<li style="width: 35px;">房贷</li>
				 		<li style="width: 42px;">信用卡</li>
				 		<li>小额贷款</li>
				 		<li>个人贷款</li>
				 		<li>银行贷款</li>
				 		<li>网上贷款</li>
				 		<li>信用贷款</li>
				 		<li>抵押贷款</li>
				 		<li style="width: 85px;">房屋抵押贷款</li>
				 		<li style="width: 80px;">无抵押贷款</li>
				 	</ul>
				 </div>
				
				</div>
				<div class="footerBottom">
					<div class="footerBottomLeft">
						<a href="index.html" target="_blank" class="footerBottomLeftTit">首页</a>
						<a href="product.html" target="_blank" class="footerBottomLeftTit">产品大全</a>
						<a href="strategy.html" target="_blank" class="footerBottomLeftTit">贷款攻略</a>
						<a href="forum.html" target="_blank" class="footerBottomLeftTit">社区论坛</a>
						<a href="about.html" target="_blank" class="footerBottomLeftTit">关于我们</a>
						<br />
						<div class="info">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
						<div class="info">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
					</div>
					<div class="footerBottomRight">
						<span id="code1">
							<img src="../../img/websiteImg/code2.png"/>
							<span class="wechatT">公众号关注</span>
						</span>
						<span id="code2">
							<img src="../../img/websiteImg/code2.png"/>
							<span class="wechatT">微信关注</span>
						</span>
					</div>
				</div>
			</div>
		</div>
		

	</body>
	<script type="text/javascript">
		
	  //通过浏览器内容可视化的高度来控制div的高度
		boxheight(); //执行函数
		function boxheight(){ //函数：获取尺寸
			//获取浏览器窗口高度
			var winHeight=0;
			if (window.innerHeight)
				winHeight = window.innerHeight;
			else if ((document.body) && (document.body.clientHeight))
				winHeight = document.body.clientHeight;
			//通过Document对body进行检测，获取浏览器可视化高度
			if (document.documentElement && document.documentElement.clientHeight)
				winHeight = document.documentElement.clientHeight;
			//DIV高度为浏览器窗口高度
			// document.getElementById("ul").style.height= winHeight +"px";
		 
		}
			window.onresize=boxheight; //窗口或框架被调整大小时执行	
		
		 $(document).ready(function(){
		    $(".tabB li").click(function(){
		    $(".tabB li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
		    $(".tabDiv").hide().eq($(this).index()).show();
			// alert($(this).index())
		    });
		});
	</script>
</html>
